<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<link href="${path }/static/css/shouye.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="container">
    <div class="header">
        <h1><a href="shouye.html"><img src="${path }/static/images/zara.png" 100px;></a></h1>
        <div class="ourWords">
        </div>
        
    </div>
    <div class="topSrh">
        <form>
            <input type="text" class="input_text0" value="搜索你喜欢的"  onfocus="this.value='';this.className='input_text'" onBlur="if(this.value==''){this.value='搜索你喜欢的'};this.className='input_text0'"/>
            <input type="button" class="btn_srh" value="搜索"/>
        </form>
    </div>
    <div class="main">
        <div class="tCtn">
            <div class="idxPdtShow">
                <a href="#" class="btnSwitch_pre"></a>
                <div class="tMn">
                <ul>
                <c:forEach items="${lc }" var="lc">
                    <li>
                        <div class="iPS_Each">
                            <a href="${path }/ToShowCommodity?userid=${userid }&comid=${lc.comid }" class="tImg"><img src="${path }/static/images/${lc.image }.jpg"/></a>
                            <a href="${path }/ToShowCommodity?userid=${userid }&comid=${lc.comid }" class="tTit">
                                <div>${lc.category}</div>
                                <b>${lc.com_name }</b>
                            </a>
                            <a href="${path }/ToShowCommodity?userid=${userid }&comid=${lc.comid }" class="tBtn">&yen;<span>${lc.price }</span> 查看</a>
                            <div class="tTxt">24小时内发货，7天包退</div>
                        </div>
                    </li>
                    </c:forEach>
                </ul>
                </div>
                <a href="#" class="btnSwitch_nxt"></a>
                <div class="tNumLst">
                    <b class="i0"></b>
                    <b class="i1"></b>
                    <b class="i0"></b>
                    <b class="i0"></b>
                    <b class="i0"></b>
                </div>
            </div>
            <div class="idxRow2">
                <ul class="idxPdtLst2Nav">
                	<li class="curr"><a href="#">精选热卖</a></li>
                </ul>
            	<ul class="idxPdtLst2">
            	 <c:forEach items="${lc }" var="lc">
                	<li>
                    	<a href="${path }/ToShowCommodity?userid=${userid }&comid=${lc.comid }" class="tImg"><img src="${path }/static/images/${lc.image }.jpg" width="100%" height="100%"/></a>
                        <a href="${path }/ToShowCommodity?userid=${userid }&comid=${lc.comid }" class="tLnk">
                        	<div class="tTit">${lc.category }</div>
                            <div class="tNm">${lc.com_name }</div>
                            <div class="tPrc">&yen;<b>${lc.price }</b></div>
                        </a>
                    </li>
                    </c:forEach>
                </ul>
            </div>    
        </div>
        <div class="footer">
        <div class="phone">全国免费服务热线：700-1218-1218</div>
    </div>
    </div>
</div>
</body>
<script src="${path }/static/jquery/jquery-1.3.2.min.js"></script>
<script src="${path }/static/jquery/jquery.bxSlider.min.js"></script>
<!-- 轮播图 -->
<script type="text/javascript">
$(function() {
    var bxslider = $('.tMn > ul').bxSlider({
        auto: true,
        controls: false,
        onBeforeSlide: function(num, total, obj){
            $(".tNumLst > b:eq("+(num)+")").siblings().removeClass("i1").addClass("i0").end().removeClass("i0").addClass("i1");
        }
    });
    $('.btnSwitch_pre').click(function() {
        bxslider.goToPreviousSlide();
        return false;
    });
    $('.btnSwitch_nxt').click(function() {
        bxslider.goToNextSlide();
        return false;
    });
});
</script>
</html>

